<html>
    <head>
        <title>我要找导游</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <link href="inc/bootstrap/css/bootstrap.css" media="all" rel="stylesheet" type="text/css"/>
        <script src="inc/LAB.min.js" type="text/javascript"></script>
        <script type="text/template" id="people_template1">
            <li class="span3">
            <a class="thumbnail" href="#people/${cid}">
            <img alt="" src="${attributes.img_url}" style="width: 230px; height: 160px">
            </a>
            <table width="100%"><tr><td><p>${attributes.name}</p></td><td align="right"><p>${attributes.desc}</p></td></tr></table>
            </li>
        </script>
        <script type="text/template" id="people_template2">
            <li class="span3">
            <a class="thumbnail" href="#people/${cid}">
            <img alt="" src="${attributes.img_url}" style="width: 230px; height: 160px">
            </a>
            <table width="100%"><tr><td><p>${attributes.name}</p></td><td align="right"><p>${attributes.desc}</p></td></tr>
            <tr><td colspan="2"><p>导游经验:<span class="label label-success">${attributes.year}</span>年</p></td></tr>
            <tr><td colspan="2"><p>他在当地的排名口碑:第<span class="label label-success">${attributes.rank}</span>名</p></td></tr>
            </table>
            </li>
        </script>
        <script type="text/template" id="people_head_info_tmpl">
            <div class="row">
<p class="thumbnail"><img src="${attributes.img_url}" alt=""></p><table width="100%"><tbody><tr><td><p>${attributes.name}</p></td><td align="right"><p>${attributes.desc}</p></td></tr><tr><td colspan="2"><p>导游经验:<span class="label label-success">${attributes.year}</span>年</p></td></tr><tr><td colspan="2"><p>他在当地的排名口碑:第<span class="label label-success">${attributes.rank}</span>名</p></td></tr></tbody></table>
            </div>
            <div class="row">
            <table width="100%"><tbody><tr><td><button class="btn btn-warning" id="buy_people"><i class="icon-ok-sign icon-white"></i> 预约</button></td><td align="right"><button class="btn" id="follow_people">我要关注</button></td></tr></table>
            </div>
            <br>
        </script>
        <script type="text/template" id="people_four_vistors_tmpl">
            <div class="span2"><a class="thumbnail" href="#people/${cid}"><img src="${attributes.img_url}" style="width: 115px; height: 80px" alt=""/></a>${attributes.name}</div>
        </script>
        <script type="text/template" id="user_ratings_tmpl">
          <tr>
            <td>${name}</td>
            <td>${r1}</td>
            <td>${r2}</td>
            <td>${r3}</td>
            <td>${r4}</td>
          </tr>
        </script>
        <script type="text/template" id="people_infos_tmpl">
            <tr>
                <td>${name}</td>
                <td>${year}年经验</td>
                <td>第${rank}名</td>
            </tr>
        </script>
                                            
        <style>
        html body div.container div#people_info_div div.container div.row div.span8 div#user_ratings.row {
            
        }
        </style>
        <body>
            <div class="container">
                <!-- 导航 START -->
                <div class="row">
                    <div class="span8">
                        <h1>TourBook</h1><span class="label label-info">Tour with a local</span>
                    </div>
                    <div class="span4">
                        <a href="">登录</a>
                        <a href="">注册</a>
                        <a href=""><img src="img/sina.png" /> 微博登录</a>
                        <a href=""><img src="img/qq.png" /> QQ登录</a>
                        <a href=""><img src="img/taobao.png" /> 淘宝登录</a>
                    </div>
                </div>

                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="container">
                            <ul class="nav">
                                <li>
                                    <a href="index.html">首 页</a>
                                </li>
                                <li>
                                    <a href="go.html">我要去</a>
                                </li>
                                <li class="active">
                                    <a href="people.html">我要找导游</a>
                                </li>
                                <li>
                                    <a href="#">我的TourBook</a>
                                </li>
                            </ul>
                            <form class="navbar-search pull-left">
                                <input type="text" class="search-query" style="height:25px" placeholder="目的地/导游">
                            </form>
                        </div>
                    </div>
                </div>

                <!-- 导航 END -->
                <!-- 显示所有导游层 -->
                <div id="people_index_div" style="display:none">
                    <div class="row">
                        <div class="span12">
                            <h2>明星导游</h2>
                            <ul class="thumbnails" id="star_people">
                                <!-- 明星导游开始 读取JSON数据, 动态生成 -->
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <div class="span12">
                            <h2>所有导游</h2>
                            <ul class="thumbnails" id="all_people">
                                <!-- 所有导游开始 读取JSON数据, 动态生成 -->
                            </ul>
                        </div>
                    </div>
                    <div class="pagination pagination-centered" id="people_pagination">
                        <!-- 页面页导航, 动态生成 -->
                    </div>
                </div>
                <!-- 显示所有导游层 END -->
                <!-- 显示某个导游页 -->
                <div id="people_info_div">
                <!-- 显示某个导游页 -->
                    <div class="container">
                      <div class="row">
                        <div class="span3" id="people_left_siderbar">
                            <div id="people_head_info">
                            <div class="row">
<p class="thumbnail"><img src="images/people/1.jpg" alt=""></p><table width="100%"><tbody><tr><td><p>仲超</p></td><td align="right"><p>最小白导游</p></td></tr><tr><td colspan="2"><p>导游经验:<span class="label label-success">1</span>年</p></td></tr><tr><td colspan="2"><p>他在当地的排名口碑:第<span class="label label-success">50</span>名</p></td></tr></tbody></table>
                            </div>
                            <div class="row">
                                <table width="100%"><tbody><tr><td><button class="btn btn-warning"><i class="icon-ok-sign icon-white"></i> 预约</button></td><td align="right"><button class="btn">我要关注</button></td></tr></table>
                            </div>
                            <br>
                            </div>
                            <div class="row" id="people_list_table">
                                <table class="table table-condensed" style="font-size: 13px">
                                    <thead>
                                      <tr>
                                        <th colspan="3">当地导游</th>
                                      </tr>
                                    </thead>
                                    <tbody id="people_infos">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="span9" id="people_right_content">
                            <div class="row">
                            <div class="span9">
                                <h4>导游简介</h4>
                                <p>这是简介</p>
                                <p>博客: </p>
                                <p>熟悉的地方: </p>
                                <p>注册时间: </p>
                                <h5>最近接待的游客</h5>
                            </div>
                            </div>
                            <div class="row" id="people_four_vistors">
                                <!-- 四个最近接待暂时随机 -->
                            </div>
                            <br/>
                            <div class="row" id="user_ratings_row">
                                <div class="span8">
                                <p>评价列表:</p>
                                <table class="table table-condensed" style="font-size: 13px">
                                    <thead>
                                      <tr>
                                        <th>用户名</th>
                                        <th>讲解水平</th>
                                        <th>诚信度</th>
                                        <th>当地熟悉</th>
                                        <th>用户印象</th>
                                      </tr>
                                    </thead>
                                    <tbody id="user_ratings">
                                      <!-- 用JS随机生成 -->
                                    </tbody>
                                  </table>
                              </div>
                            </div>
                            
                        </div>
                      </div>
                    </div>
                </div>
            </div>
<script type="text/javascript">
$LAB
.script("inc/jquery-1.7.2.min.js").wait()
.script("inc/jquery.tmpl.js")
.script("inc/jquery.json-2.3.js")
.script("inc/jstorage.js")
.script("inc/underscore.js")
.script("inc/bootstrap/js/bootstrap.js")
.script("inc/backbone.js").wait()
.script("src/people.js").wait();
</script>
        </body>
</html>